網(wǎng)站設(shè)計(jì)，要能充分吸引訪問(wèn)者的注意力，讓訪問(wèn)者產(chǎn)生視覺(jué)上的愉悅感。因此在網(wǎng)頁(yè)創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來(lái)。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過(guò)藝術(shù)的手法表現(xiàn)出來(lái)；而網(wǎng)頁(yè)制作通常就是將網(wǎng)頁(yè)設(shè)計(jì)師所設(shè)計(jì)出來(lái)的設(shè)計(jì)稿，按照W3C規(guī)范用html（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）將其制作成網(wǎng)頁(yè)格式。

網(wǎng)站布局之“廠”字型
所謂的“廠”字型布局結(jié)構(gòu)，就是指頁(yè)面頂部為橫條網(wǎng)站標(biāo)識(shí)和廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局。菜單條與背景，整體效果類似“廠”字?！皬S”布局是目前最常見(jiàn)的一種網(wǎng)頁(yè)布局方式。這種布局的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，主次分明。缺點(diǎn)是由于被使用得過(guò)多，顯得缺乏創(chuàng)意，略顯呆板。
網(wǎng)站布局之“三”字型
這種布局多用于國(guó)外站點(diǎn)，通常頁(yè)面上方橫向幾條色塊，將頁(yè)面整體分割為若干部分，色塊中大多放廣告圖片或者Flash動(dòng)畫(huà)。
網(wǎng)站布局之 “國(guó)”字型
“國(guó)”字型布局通常上下各有一個(gè)廣告條或者其他欄目條，左面是主菜單，右面放友情鏈接或者其他欄目等，中間是主要內(nèi)容。這種布局的優(yōu)點(diǎn)是充分利用版面，信息量大。缺點(diǎn)是頁(yè)面顯得比較擁擠和局促，不夠靈活。
網(wǎng)站布局之門(mén)戶型
這類網(wǎng)頁(yè)通常內(nèi)容多，信息量大，通常沒(méi)有時(shí)顯的線條作為邊界，圖片用得也比較少，一般通過(guò)文字的排列產(chǎn)生視覺(jué)上的分區(qū)效果。
網(wǎng)站布局之區(qū)塊型
區(qū)塊型布局現(xiàn)在出現(xiàn)的越來(lái)越多，在網(wǎng)頁(yè)上各個(gè)區(qū)域具有封閉的邊界，經(jīng)過(guò)合理放置顯得清晰美觀。其缺點(diǎn)是由于片面固定，各區(qū)域很難根據(jù)其中的內(nèi)容的多少而調(diào)整大小，因此不適宜用于區(qū)域內(nèi)容的長(zhǎng)度經(jīng)常變化的網(wǎng)頁(yè)。
網(wǎng)站布局之宣傳單型
宣傳單型布局頁(yè)面就像一張宣傳海報(bào)，以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心，常用于個(gè)性類站點(diǎn)。其優(yōu)點(diǎn)是漂亮吸引人；缺點(diǎn)就是頁(yè)面中大面積使用圖片，導(dǎo)致瀏覽速度相對(duì)較慢。所以這類頁(yè)面同是可以作為宣傳單使用。